<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
    <style>
        td {
            border: 2px solid black;
        }
    </style>
</head>
<body style="background-image: url(./lib/rabbit_two.jpeg)">
<h1 style="text-align: center">个人信息</h1>
<div style="margin: 0 auto;">
    <form method="get">
        <table style="width: 700px;height: 800px;border-collapse: collapse;">
            <tr>
                <td><a style="text-align: left">姓名</a></td>
                <td colspan="4">
                    <label>
                        <input type="text" name="name">
                    </label>
                </td>
                <td colspan="3" rowspan="4">
                    <div>
                        <label>
                            <img src="./lib/rabbit.jpg" width="306" alt="picture">
                        </label>
                    </div>
                </td>
            </tr>
            <tr>
                <td><a style="text-align: left">密码</a></td>
                <td colspan="4">
                    <label>
                        <input type="password" name="password">
                    </label>
                </td>
            </tr>
            <tr>
                <td><a style="text-align: left">性别</a></td>
                <td colspan="4">
                    <label>
                        <input type="radio" name="gender" value="male" checked>男
                        <input type="radio" name="gender" value="female">女
                    </label>
                </td>
            </tr>
            <tr>
                <td><a style="text-align: left">特长</a></td>
                <td colspan="4">
                    <label>
                        <input type="checkbox" name="hobby" value="computer_programming" disabled>计算机编程
                        <input type="checkbox" name="hobby" value="play_basketball" checked>打篮球
                        <input type="checkbox" name="hobby" value="swimming">游泳
                        <input type="checkbox" name="hobby" value="another">……
                    </label>
                </td>
            </tr>
            <tr>
                <td><a style="text-align: left">兴趣</a></td>
                <td colspan="7">
                    <label>
                        <select name="programming_interest" multiple size="8">
                            <option value="C" selected>C</option>
                            <option value="C++" selected>C++</option>
                            <option value="JAVA">JAVA</option>
                            <option value="JSP">JSP</option>
                            <option value="PHP">PHP</option>
                            <option value="ASP">ASP</option>
                            <option value="WEB">WEB</option>
                        </select>
                    </label>
                </td>
            </tr>
            <tr>
                <td><a style="text-align: left">籍贯</a></td>
                <td colspan="7">
                    <label>
                        <select name="native_place" size="1">
                            <option value="四川" selected>四川</option>
                            <option value="河北">河北</option>
                            <option value="山西">山西</option>
                            <option value="黑龙江">黑龙江</option>
                            <option value="吉林">吉林</option>
                            <option value="辽宁">辽宁</option>
                            <option value="江苏">江苏</option>
                            <option value="浙江">浙江</option>
                            <option value="安徽">安徽</option>
                            <option value="福建">福建</option>
                            <option value="江西">江西</option>
                            <option value="山东">山东</option>
                            <option value="河南">河南</option>
                            <option value="湖北">湖北</option>
                            <option value="湖南">湖南</option>
                            <option value="贵州">贵州</option>
                            <option value="云南">云南</option>
                            <option value="陕西">陕西</option>
                            <option value="甘肃">甘肃</option>
                            <option value="青海">青海</option>
                            <option value="台湾">台湾</option>
                            <option value="内蒙古">内蒙古</option>
                            <option value="广西">广西</option>
                            <option value="西藏">西藏</option>
                            <option value="宁夏">宁夏</option>
                            <option value="新疆">新疆</option>
                            <option value="北京">北京</option>
                            <option value="天津">天津</option>
                            <option value="上海">上海</option>
                            <option value="重庆">重庆</option>
                            <option value="香港">香港</option>
                            <option value="澳门">澳门</option>
                        </select>
                    </label>
                </td>
            </tr>
            <tr>
                <td rowspan="3"><a style="text-align: left">自我介绍</a></td>
                <td rowspan="3" colspan="7">
                    <label>
                        <textarea name="self-introduction" rows="10" cols="70"
                        placeholder="我志愿加入中国共产党！"
                        >
                        </textarea>
                    </label>
                </td>
            </tr>
            <tr>

            </tr>
            <tr>

            </tr>
            <tr>
                <td><a style="text-align: left">文件</a></td>
                <td colspan="7">
                    <label>
                        <input type="file" name="file" value="filename">
                    </label>
                </td>
            </tr>
            <tr>
                <td rowspan="2"><a style="text-align: left">四种按钮</a></td>
                <td rowspan="2" colspan="7">
                    <label>
                        <input type="button" name="button_plain" value="普通按钮">
                    </label>
                    <label>
                        <input type="submit" name="button_submit" value="提交按钮">
                    </label>
                    <label>
                        <input type="reset" name="button_reset" value="重置按钮">
                    </label>
                    <label>
                        <button type="submit">
                            <img src="./lib/button.png" width="48px" alt="button">
                        </button>
                    </label>
                </td>
            </tr>
            <tr>

            </tr>
        </table>
    </form>
</div>
</body>
</html>